<template>
	<view class="mask-v" v-show="maskDown" @click="close">
		<view class="warp">
			<view class="tip"><span>点击右上角↗</span><br><span>在浏览器中打开</span></view>
		</view>
		
	</view>
</template>

<script>
export default {
  props: {
    maskDown: {
      default: false,
      type: Boolean
    }
  },
  methods: {
    close() {
      this.$emit('close')
    }
  }
}
</script>

<style scoped>
	.mask-v {
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.5);
		height: 100vh;
		width: 100vw;
	}
	.warp {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
		}

  .tip {
		color: #fff;
		/* position: absolute;
		top: 0;
		right: 0; */
		font-size: 38rpx;
		padding: 20rpx;
		position: fixed;
		top: 70rpx;
		right: 36rpx;
	}
</style>